<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>下拉菜单</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>

<body>
    <p>，你的 button 元素仅与它所包含的文本一样宽。通过使其成为块级元素，你的按钮将会伸展并填满页面整个水平空间，任何在它之下的元素都会跟着浮动至该区块的下一行。</p>
    <button class="btn btn-block">like</button>
    <button class="btn">like</button>
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>

    <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
    <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>